<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>小实训升班面试题</title>
	<link href="./index.css" rel="stylesheet">

	<script src="./vue.js" type="text/javascript" charset="utf-8"></script>
</head>
<template id="zujian1">  //此处要加上组件的id
        <p>{{}}</p>
     </template>

<body>
	<div id="app">
		<zujian1></zujian1>
	</div>

</body>

</html>
<script>
	var vm = new Vue({
		el: "#app",
		data: {
			
			n:10
		},
		
components: {

//局部组件，声明方式2
    zujian1: {
        template: "#zujian1",
            data: {
                    msg: "组件2的值"                    
            }
        }
},

		
		methods: {
			
		},
		//计算
		
		
	})

	





</script>